/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    Image
} from 'react-native';
var {width,height} = require('Dimensions').get('window');
var LazyMineTop = React.createClass({
    render() {
        return (
            <View style={styles.container}>
                <View style={styles.pageTopStyle}>
                    <Image source={{uri:'mine-background'}} style={styles.backImageStyle}/>
                </View>
                {/*头像*/}
                <View style={styles.avatarStyles}>
                    <Image source={{uri:'http://img.hb.aicdn.com/0fba7eb347094720e696070a8fb5638c10794c731bdc6-BDuWyA_sq320'}} style={{width:90,height:90,borderRadius:45}}/>
                </View>
            </View>
        );
    }
});
const styles = StyleSheet.create({
    container: {
        flex: 1,
        height:430,
        justifyContent: 'center',
        overflow:'hidden'
    },
    backImageStyle:{
        width: width,
        height:460,
    },
    avatarStyles:{
        width:90,
        height:90,
        position:'absolute',
        left:24,
        bottom:50,
        borderRadius:45,
        // overflow:'hidden',
        shadowColor: 'rgba(0,0,0, .4)',
        shadowOffset: {height: 1, width: 1},
        shadowOpacity: 1,
        shadowRadius: 1,
        backgroundColor:'#cccccc',
    }
});
module.exports = LazyMineTop;